/* CSS Document */

#main{ width:1200px; margin:0px auto;}

#main .height3{ height:310px; margin-top:20px; overflow:hidden;}

#main .news{ width:305px; _width:302px;}

#main .news p.new{ height:160px; line-height:23px; margin-bottom:10px; overflow:hidden;}

#main .service p.new{ height:190px; line-height:23px; margin-bottom:10px; overflow:hidden;}

#main .news p.new img,#main .service p.new img{ margin:0 8px 0 0;}

#main .news p.new a,#main .service p.new a{ color:#014582;}

#main .news .u1{ color:#014582; margin-bottom:0;}

#main .news .u1 li{ width:100%; height:20px; line-height:20px; overflow:hidden;}

#main .news b{ font-size:14px;}

#main .news div{ margin-top:10px;}

#main .news div a{ width:74px; height:50px; display:inline-block; margin-left:1px; float:left;}

#main .news div a.first{ margin-left:0px;}



#main .pros{ width:503px; height:280px; margin-top:43px; border:#c0c0c0 solid 1px; margin-left:40px; position:relative;}

#main .pros #slider{ width:475px; height:28px; margin:20px auto 0px; background:url(../_image/slider-line.gif) 0px 23px repeat-x;}

#main .pros #slider li{ width:95px; height:28px; font:12px/23px "SimSun"; color:#034582; text-align:center; float:left; cursor:pointer;}

#main .pros #slider li.active{ background:url(../_image/slider-bg.gif) center; color:#fff; cursor:pointer;}

#main .pros #obj{ width:475px; height:153px; overflow:hidden; margin:15px auto 22px;}

#main .pros #obj img.fl{ margin-right:10px;}

#main .pros #obj h3{ font-size:14px; font-weight:bold; margin-bottom:10px;}

#main .pros #obj p{ line-height:21px; }

#main .pros .a1{ display:block; width:62px; height:19px; text-align:center; line-height:19px; border:solid 1px #c0c0c0; margin:0 10px; float:left;}

#main .pros .a2{ display:block; width:80px; height:21px; line-height:21px; padding-left:15px; font-weight:bold; background:url(../_image/ico1.gif) left center no-repeat; float:left;}



#main .pros ul.ul{ width:471px; height:28px; border:#c1c1c1 solid 1px; margin:0px auto; background:url(../_image/prosbg.gif);}

#main .pros ul.ul li{ width:117px; height:28px; line-height:28px; text-align:center; float:left;}



#main .service{ width:305px; overflow:visible;}

#main p.tit{ height:22px; font:bold 15px/22px "Microsoft YaHei"; border-bottom:#000 dotted 1px; margin-bottom:10px;}

#main .pros img.tit{ position:absolute; left:82px; top:-20px;}

#selects #select{ display:none;}

#main .service #select{position:relative; width:100%; height:23px; margin:10px auto; _z-index:2;}

#main .service #select .select{ display:block; color:#000; width:293px; position:absolute; top:0px; left:0px; height:23px; line-height:23px; cursor:pointer; border:#bebebe solid 1px; background:url(../_image/select-bg.gif) right no-repeat;}

#main .service #select .sub{ display:block; width:293px; position:absolute; z-index:2000; top:24px; color:#000; background:#fff;border:1px solid #bebebe; display:none;}

#main .service #select .sub li{height:25px; line-height:25px; cursor:pointer; padding-left:10px;}

#main .service #select .sub li:hover{background:#3879d9;  color:#FFF;}

#main .service #select a:hover{ text-decoration:none;}

#main .service .online{ margin-top:10px;}

#main .service .online img{ float:left; margin-right:50px;}



.banner_div{height:350px;margin:1px auto 0px auto;overflow:hidden;position:relative;}



#flash { width:100%; height:350px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}

#flash a {width:100%; height:350px; display:none;}

#flash img {/*width:100%; height:407px; display:none;*/}

.flash_bar { width:180px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; padding-left:60px; bottom:55px;text-align:center;margin:0 auto;position:relative; }

.flash_bar .dq { display:inline-block; float:left; width:10px; height:10px; margin:5px 5px; cursor:pointer;

background:url(../_image/banner/btn_main_img.png) no-repeat -12px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../templets/v4/images/banner/tg_flash_p.png" ,sizingMethod="crop"); }

.flash_bar .no { display:inline-block; float:left; display:inline\9; width:10px; height:10px; margin:5px 5px; cursor:pointer;

background:url(../_image/banner/btn_main_img.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../templets/v4/images/banner/tg_flash_p2.png" ,sizingMethod="crop"); }

#flashBg { height:350px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}

#flashLine {height:350px; width:100%; clear:both;}



#main .produ{

	border:0 solid #cdcdcd;

	margin:20px 0;

}

#main .produ .tit{

	margin:5px 0;

}

#main .produ .tit .fr{

	width:34px;

	height:11px;

	margin:5px 10px 0 0;

	background:url(../_image/more.gif);

}

#main .produ li{

	float:left;

	display:inline;

	margin:5px 17px;

	text-align:center;

	overflow:hidden;

}

#main .produ li img{

	padding:1px;

	border:1px solid #eaeaea;

	margin-bottom:5px;

}

#main .roll_b{

	border-bottom:1px dotted #000;

}

#main .roll_b img{

	padding:0 20px;

}



.Tab_box{ width:1200px;}

.Tab_title{ height:30px; overflow:hidden; border-top:1px dotted #000;  border-bottom:1px dotted #000;}

.Tab_title span{ display:block; float:left; display:inline; line-height:29px; width:109px; background:#eaeaea; text-align:center; cursor:pointer;}

.Tab_title span:hover{background:#f5f5f5; color:#2e2e2e;}

.Tab_title .active{ border-bottom:none; background:#fff; height:30px; color:#2e2e2e;}

.Tab_contnet{clear:both; margin-top:10px;}

.none{ display: none; }